<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:winter="http://www.winter.org"
	xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
	layout:decorator="/layouts/layout">
<head>
	<title>Priva - Barrios</title>
</head>
<body>
	<section layout:fragment="content">
		<winter:output id="BarriosOutput" class="height-100">
			<form id="BarriosForm" th:object="${barrios}" class="form">			
				<div class="form-title" th:text="@{'Barrios'}">Barrios</div>
				<section th:if="${barrios.context.localidades}" >
					<winter:output id="ListaOutput">
						<div id="Lista">
							<winter:dialog id="@{'BarriosDialog'}" width="80%" height="auto" title="${barrios.titulo}"  
								contentClass="lista-atributos" dialogClass="activar-lista-dialog">
								<div id="ListaContainer" class="form-container">
									<winter:text 
										label="#{label.common.id}" 
										text="${barrios.barrio.id}" 
										if="${barrios.context.editar}"
										valueclass="disabled"
										labeldisplay="col-xs-4"
										inputdisplay="col-xs-8"
										containerdisplay="row padded"
										class="winter-input-text">
									</winter:text>																	
									<winter:textarea 
										id="ListaDescripcion" 
										field="*{barrio.descripcion}"
										label="#{label.common.descripcion}"
										labeldisplay="col-xs-4"
										inputdisplay="col-xs-8"
										containerdisplay="row padded"
										class="winter-input-text"
										required="true"
										requiredimage="/images/icons/exclamation-small-red.png"
										requiredmessage="#{label.common.descripcion.requerido}" >
									</winter:textarea>
								</div>
								<fieldset>
									<winter:ajaxSubmit 
										id="CrearBarrio" 
										form="BarriosForm" 
										url="@{'/barrios/crear'}" 
										update="ListasOutput, ListasTablaOutput"
										object="barrios"
										value="#{label.operaciones.guardar}"
										showstatus="true"
										class="btn btn-cyan"
										if="${barrios.context.nuevo}"
										confirmationrequired="true"
										confirmationtext="Está seguro que desea realizar la operación?"
										process="ListaContainer"
										oncomplete="@{'Winter.ui.CloseDialog(\'BarriosDialog\')'}">
									</winter:ajaxSubmit>
									<winter:ajaxSubmit 
										id="ActualizarLista" 
										form="BarriosForm" 
										url="@{'/barrios/actualizar'}" 
										update="ListasOutput, ListasTablaOutput"
										object="barrios"
										value="#{label.operaciones.guardar}"
										showstatus="true"
										class="btn btn-cyan"
										if="${barrios.context.editar}"
										confirmationrequired="true"
										confirmationtext="Está seguro que desea realizar la operación?"
										process="ListaContainer"
										oncomplete="@{'Winter.ui.CloseDialog(\'BarriosDialog\')'}">
									</winter:ajaxSubmit>
									<winter:ajaxSubmit 
										id="CrearBarrioCancelar" 
										form="BarriosForm" 
										url="@{'/barrios/cancelar'}"
										update="ListasOutput"
										value="#{label.operaciones.cancelar}"
										showstatus="true"
										class="btn btn-danger"
										process="ListaContainer"
										immediate="true"
										oncomplete="@{'Winter.ui.CloseDialog(\'BarriosDialog\')'}">
									</winter:ajaxSubmit>
								</fieldset>
							</winter:dialog>
		  				</div>		
					</winter:output>
				</section>
				
				<section th:if="${barrios.context.localidades}">
				
					<div id="BarraBarrios" class="toolbar">
						<div class="display-inline-block">						
							<winter:text label="#{label.common.id}" 
								text="${barrios.distrito.id}" 
								valueclass="red" 
								labelclass="black"
								labeldisplay="col-xs-4"
								inputdisplay="col-xs-8"
								containerdisplay="row padded"
								class="winter-input-text capitalize">
							</winter:text>
							<winter:text label="#{label.distrito.descripcion}" 
								text="${barrios.distrito.descripcion}" 
								valueclass="red" 
								labelclass="black"
								labeldisplay="col-xs-4"
								inputdisplay="col-xs-8"
								containerdisplay="row padded"
								class="winter-input-text capitalize">
							</winter:text>
						</div>
						<div>			
							<a th:href="@{'/distritos/'+${barrios.distrito.idDepartamento}}" title="#{label.operaciones.volver}" class="boton-limpiar">
								<img src="/images/icons/commons/Button_Back.png" th:src="@{'/images/icons/commons/Button_Back.png'}"/>
							</a>						
							<winter:ajaxlink 
								id="@{'NuevoBarrio'}"
								form="BarriosForm"
								url="@{'/barrios/nuevoBarrio'}" 
								update="ListaOutput"
								title="Nuevo"
								tip="true"
								image="/images/icons/commons/folder_add.png"
								object="barrios"
								oncomplete="@{'Winter.ui.OpenDialog(\'BarriosDialog\')'}"
								immediate="true">
							</winter:ajaxlink>
						</div>
					</div>
					<winter:output id="ListasTablaOutput">
						<div id="ContenedorTabla">
							<winter:datatable 
								id="BarriosTabla"
								customLanguage="true"
								paginate="true"
								jQuery="true"
								retrieve="true"
								emptyTableText="No se encontraron Datos!"
								infoText="Mostrando _START_ al _END_ de _TOTAL_ registros"
								emptyTableInfoText="Mostrando 0 al 0 de 0 registros"
								searchText="Buscar"
								lengthMenu="Mostrar _MENU_ registros"
								if="${!#lists.isEmpty(barrios.barrios)}">
								<thead>
									<tr>
										<th th:text="@{'id'}"></th>
										<th th:text="@{'Descripción'}"></th>
										<th th:text="@{'Operaciones'}"></th>
									</tr>
								</thead>
								<tbody>
									<tr th:each="listaItem, rowStat : ${barrios.barrios}">
										<td th:text="${listaItem.id}"></td>
										<td th:text="${listaItem.descripcion}"></td>
										<td class="tabla-operaciones">
											<div class="button-toolbar">
												<winter:ajaxlink 
													id="@{${rowStat.index}+'ModificarBarrio'}" 
													form="BarriosForm"
													url="@{'/barrios/editar/'+${rowStat.index}}" 
													update="ListaOutput"
													title="Editar"
													object="barrios"
													immediate="true"
													tip="true"
													class="ajax-submit icon-edit-sign icon-2x"
													oncomplete="@{'Winter.ui.OpenDialog(\'BarriosDialog\')'}"
													showstatus="true">
												</winter:ajaxlink>
												<winter:ajaxlink 
													id="@{${rowStat.index}+'EliminarBarrio'}" 
													form="BarriosForm"
													url="@{'/barrios/eliminar/'+${rowStat.index}}" 
													update="ListaOutput, ListasTablaOutput"
													title="Eliminar"
													tip="true"
													object="reglas"
													effect="fade"
													showstatus="true"
													immediate="true"
													confirmationrequired="true"
													confirmationtext="Está seguro que desea realizar la operación?"													
													class="ajax-submit icon-remove-sign icon-2x">
												</winter:ajaxlink>																							
											</div>
										</td>
									</tr>
								</tbody>
							</winter:datatable>
						</div>
					</winter:output>
				</section>
			</form>
		</winter:output>
	</section>
</body>
</html>